@charset "utf-8";

body#home div.content {
	height: 455px;
	overflow: hidden;
	
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -227px 0 0 -635px;
}

div.left,
div.right {
	float:left;
	position: relative;
}
div.left {
	width:313px;
	height:464px;
	overflow:hidden;
}
div.right {
	width:957px;
	height:464px;
	overflow:hidden;
}

.left-nav {
	background: url(../images/bg/bg_transparent_b.png) repeat 0 0;
	display: block;
	width: 100%;
	padding: 0 0 100px 0;
	width: 313px;
	height: 170px;
	  position: relative;
	  z-index: 200;
}
.left-nav p.shoe-cafe {
	background: url(../images/text/text-shoe-cafe.png) no-repeat 0 0;
	display: block;
	height: 26px;
	text-indent: -9999px;
	width: 125px;
	position: absolute;
	top: 15px;
	left: 95px;
}
.left-nav p.find-us {
	background: url(../images/text/text-findus.png) no-repeat 0 0;
	display: block;
	height: 90px;
	text-indent: -9999px;
	width: 85px;
	position: absolute;
	top: 55px;
	left: 185px;
}
.left-nav a.webboard {
	background: url(../images/text/text-webboard.png);
	display: block;
	height: 15px;
	text-indent: -9999px;
	width: 64px;
	position: absolute;
	top: 130px;
	left: 20px;
}
.left-nav a.fb {
	background:url(../images/icon/icon-fb.png) no-repeat 0 0;
	display: block;
	height: 32px;
	text-indent: -9999px;
	width: 32px;
	position: absolute;
	top: 80px;
	left: 275px;
}
.left-nav a.tw {
	background:url(../images/icon/icon-tw.png) no-repeat 0 0;
	display: block;
	height: 32px;
	text-indent: -9999px;
	width: 32px;
	position: absolute;
	top: 120px;
	left: 275px;
}
.left-nav a.yt {
	background:url(../images/icon/icon-youtube.png) no-repeat 0 0;
	display: block;
	height: 32px;
	text-indent: -9999px;
	width: 32px;
	position: absolute;
	top: 42px;
	left: 275px;
}
.right ul {
}
.right ul li {
	float:left;
	display:block;
	position: relative;
	overflow: hidden;
}
.right ul li.row1 {
	height: 277px;
}
.right ul li.row2 {
	height: 187px;
}
.menu-sub-nav {
	display:block;
	background:url(../images/bg/bg_transparent_b.png) repeat 0 0;
	width:100%;
	height:70px;
	padding: 0 0 100px 0;
	position:relative;
	top:0;
}
.menu-sub-nav-t {
	display:block;
	background:url(../images/bg/bg_transparent_b.png) repeat 0 0;
	width:100%;
	height:70px;
	padding: 100px 0 0 0;
	position:absolute;
	top: -170px;
}
.left p a, .menu-sub-nav-t * {
	float: left;
}
.left p a, .menu-sub-nav-t p {
	padding: 0 0 30px 0;
}
.left p a, .menu-sub-nav-t p a {
	float:right;
	color:#FFF;
	font-size: 30px;
	font-weight:bold;
	margin:20px;
}
.left p a, .menu-sub-nav * {
	float: left;
}
.left p a, .menu-sub-nav p {
	padding: 0 0 30px 0;
}
.left p a, .menu-sub-nav p a {
	float:right;
	color:#FFF;
	font-size: 30px;
	font-weight:bold;
	margin:20px;
}
